/* eslint-disable semi */
/* eslint-disable semi */
/* eslint-disable quotes */
<template>
  <div>

    <van-tabs v-model="active" color=#37CD87 title-active-color=#37CD87>
      <van-tab title="直播分类1">
        <div class="hello-1" v-for="(item, index) in middleimages" :key="index">
          <van-image class="hello-1-img" width="2.3467rem" height="2.0533rem" :src="item.imgSrc" />
          <p>等待后期开发，敬请期待...</p>
        </div>

      </van-tab>
      <van-tab title="直播分类2">
        <div class="hello-1" v-for="(item, index) in middleimages" :key="index">
          <van-image class="hello-1-img" width="2.3467rem" height="2.0533rem" :src="item.imgSrc" />
          <p>等待后期开发，敬请期待...</p>
        </div>
      </van-tab>
      <van-tab title="直播分类3">
        <div class="hello-1" v-for="(item, index) in middleimages" :key="index">
          <van-image class="hello-1-img" width="2.3467rem" height="2.0533rem" :src="item.imgSrc" />
          <p>等待后期开发，敬请期待...</p>
        </div>
      </van-tab>
      <van-tab title="直播分类4">
        <div class="hello-1" v-for="(item, index) in middleimages" :key="index">
          <van-image class="hello-1-img" width="2.3467rem" height="2.0533rem" :src="item.imgSrc" />
          <p>等待后期开发，敬请期待...</p>
        </div>
      </van-tab>
    </van-tabs>

    <Tab-Bar :logeid="num"></Tab-Bar>
  </div>

</template>

<script>
import TabBar from "./TabBar.vue";
export default {
  components: {
    TabBar
  },
  data() {
    return {
      num: 2,
      active: 0,
      middleimages: [{ id: 0, imgSrc: require("../assets/images/a15.png") }]
    };
  },
  methods: {}
};
</script>

<style scoped>
* {
  padding: 0;
  margin: 0;
}
body {
  background-color: #f6f6f6;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  display: block;
}
div {
  display: block;
  box-sizing: border-box;
}
.hello-1 {
  width: 100%;
  height: 600px;
  background: #f6f6f6;
}
.hello-1 p {
  margin-top: 18px;
  font-size: 15px;
  color: #bbb;
}
.hello-1-img {
  margin-top: 35px;
  margin-left: 148px;
  border-radius: 10px;
  pointer-events: none;
}
</style>

